<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实体借阅申请</title>

    <script src="../utils/jquery-3.6.0.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
        crossorigin="anonymous"></script>

    <link rel="stylesheet" href="../css/entityBorrowapplication.css">
</head>

<body>
    <div class="container-fluid">
        <!-- 左侧部分 -->
        <div class="left">

            <!-- logo -->
            <div class="logo">
                <img src="../images/logo.png" alt="">
                <h5>数字化档案管理</h5>
            </div>

            <!-- 导航 -->
            <div class="menus">
                <ul class="menus-list">
                    <li class="menus-nosubmenu">
                        <a href="./home.html" class="menus-item">首界面</a>
                    </li>
                    <li class="menus-submenu">
                        <a href="JavaScript:;" class="menus-item">案卷管理</a>
                        <ul class="menus-list">
                            <li>
                                <a href="./management.html" class="menus-item">签收管理</a>
                            </li>
                        </ul>
                    </li>
                    <li class="menus-submenu">
                        <a href="JavaScript:;" class="menus-item">库房管理</a>
                        <ul class="menus-list">
                            <li><a href="./storeHouse.html" class="menus-item">库房信息</a></li>
                            <li><a href="./storeShelf.html" class="menus-item">库架信息</a></li>
                            <li><a href="./LayerInformation.html" class="menus-item">层格信息</a></li>
                            <li><a href="./BoxInformation.html" class="menus-item">盒子信息</a></li>
                        </ul>
                    </li>
                    <li class="menus-submenu">
                        <a href="JavaScript:;" class="menus-item">入库管理</a>
                        <ul class="menus-list">
                            <li><a href="./File warehousing.html" class="menus-item">档案入库</a></li>
                            <li><a href="./Inventory records.html" class="menus-item">入库记录</a></li>
                            <li><a href="JavaScript:;" class="menus-item">盒号打印</a></li>
                            <li><a href="JavaScript:;" class="menus-item">档案号打印</a></li>
                        </ul>
                    </li>
                    <li class="menus-submenu">
                        <a href="JavaScript:;" class="menus-item">档案管理</a>
                        <ul class="menus-list">
                            <li><a href="JavaScript:;" class="menus-item">退/还案管理</a></li>
                            <li><a href="JavaScript:;" class="menus-item">退/还案明细</a></li>
                        </ul>
                    </li>
                    <li class="menus-submenu">
                        <a href="JavaScript:;" class="menus-item">移库管理</a>
                        <ul class="menus-list">
                            <li><a href="./system-archives.html" class="menus-item">档案移库</a></li>
                            <li><a href="./system-detail.html" class="menus-item">移库明细</a></li>
                        </ul>
                    </li>
                    <li class="menus-submenu">
                        <a href="JavaScript:;" class="menus-item">档案影像</a>
                        <ul class="menus-list">
                            <li><a href="JavaScript:;" class="menus-item">影像查询</a></li>
                            <li><a href="JavaScript:;" class="menus-item">影像录入</a></li>
                        </ul>
                    </li>
                    <li class="menus-submenu  expanded-list">
                        <a href="JavaScript:;" class="menus-item">实体借阅</a>
                        <ul class="menus-list">
                            <li><a href="./entityBorrowapplication.html" class="menus-item">借阅申请</a></li>
                            <li><a href="JavaScript:;" class="menus-item">借阅审批</a></li>
                            <li><a href="JavaScript:;" class="menus-item">借阅出库</a></li>
                            <li><a href="JavaScript:;" class="menus-item">借阅归还</a></li>
                        </ul>
                    </li>
                    <li class="menus-submenu">
                        <a href="JavaScript:;" class="menus-item">电子借阅</a>
                        <ul class="menus-list">
                            <li><a href="JavaScript:;" class="menus-item">借阅申请</a></li>
                            <li><a href="JavaScript:;" class="menus-item">借阅审批</a></li>
                            <li><a href="JavaScript:;" class="menus-item">借阅明细</a></li>
                        </ul>
                    </li>
                    <li class="menus-submenu">
                        <a href="JavaScript:;" class="menus-item">统计报表</a>
                        <ul class="menus-list">
                            <li><a href="JavaScript:;" class="menus-item">签收统计</a></li>
                            <li><a href="JavaScript:;" class="menus-item">入库统计</a></li>
                            <li><a href="JavaScript:;" class="menus-item">电子借阅统计</a></li>
                            <li><a href="JavaScript:;" class="menus-item">实体借阅统计</a></li>
                            <li><a href="JavaScript:;" class="menus-item">档案库存数统计</a></li>
                            <li><a href="JavaScript:;" class="menus-item">档案状态统计</a></li>
                            <li><a href="JavaScript:;" class="menus-item">用户登录统计</a></li>
                            <li><a href="JavaScript:;" class="menus-item">影像上传统计</a></li>
                            <li><a href="JavaScript:;" class="menus-item">影像浏览统计</a></li>
                        </ul>
                    </li>
                    <li class="menus-submenu">
                        <a href="JavaScript:;" class="menus-item">日志管理</a>
                        <ul class="menus-list">
                            <li><a href="JavaScript:;" class="menus-item">系统操作日志</a></li>
                            <li><a href="JavaScript:;" class="menus-item">影像浏览日志</a></li>
                            <li><a href="JavaScript:;" class="menus-item">影像上传日志</a></li>
                            <li><a href="JavaScript:;" class="menus-item">用户登录日志</a></li>
                        </ul>
                    </li>
                    <li class="menus-submenu">
                        <a href="JavaScript:;" class="menus-item">系统管理</a>
                        <ul class="menus-list">
                            <li><a href="./systemUser.html" class="menus-item">用户管理</a></li>
                            <li><a href="./systemRole.html" class="menus-item">角色管理</a></li>
                            <li><a href="JavaScript:;" class="menus-item">等级管理</a></li>
                            <li><a href="JavaScript:;" class="menus-item">机构管理</a></li>
                            <li><a href="JavaScript:;" class="menus-item">流程管理</a></li>
                            <li><a href="JavaScript:;" class="menus-item">档案轨迹</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>



        <!-- 右侧部分 -->
        <div class="right">

            <!-- 右侧头部 -->
            <div class="right-header">
                <!-- 头部 -->
                <div class="row1">
                    <div class="header-left">
                        <img src="../images/nav.png" alt="">
                    </div>

                    <div class="header-right">
                        <img src="../images/message.png" alt="">
                        <div class="user">
                            <!-- 头像 -->
                            <img src="../images/user.jpg" alt="">
                            <span>Admin</span>
                        </div>
                    </div>
                </div>

                <!-- 面包屑导航 -->
                <ul class="breadcrumb">
                    <li><a href="#">实体借阅</a></li>
                    <li><a href="#">借阅申请</a></li>
                </ul>
            </div>

            <!-- 右侧主体 -->
            <div class="right-body">
                <!-- 左 -->
                <div class="right-content">
                    <!-- 查询、重置、申请 -->
                    <div>
                        <form class="form-inline">
                            <!-- 申请编号查询 -->
                            <div class="form-group">
                                <label class="entityApplyId">申请编号</label>
                                <input type="text" class="form-control" id="entityApplyId" placeholder="请输入申请编号">
                            </div>
                            <!-- 收件编号查询 -->
                            <div class="form-group">
                                <label>收件编号</label>
                                <input type="text" class="form-control" id="receiveId" placeholder="请输入收件编号">
                            </div>
                            <!-- 身份证查询 -->
                            <div class="form-group">
                                <label>身份证号</label>
                                <input type="text" class="form-control" id="idCard" placeholder="请输入身份证号码">
                            </div>
                            <!-- 借阅人姓名 -->
                            <div class="form-group">
                                <label>借阅人姓名</label>
                                <input type="text" class="form-control" id="borrowerName" placeholder="请输入借阅人姓名">
                            </div>
                            <!-- 申请时间 -->
                            <div class="form-group">
                                <label>申请时间</label>
                                <input type="text" class="form-control" id="startTime" placeholder="请输入日期">
                            </div>
                            <!-- 审批结果 -->
                            <div class="form-group" id="approvalResult">
                                <label>审批结果</label>
                                <div class="dropdown">
                                    <button class="btn btn-default dropdown-toggle approvalResult" type="button"
                                        id="dropdownMenu1" data-toggle="dropdown">
                                        请选择
                                        <span class="caret"></span>
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li><a class="underapproval">审批中</a></li>
                                        <li><a class="rejection">审批驳回</a></li>
                                        <li><a class="approved">审批通过</a></li>
                                    </ul>
                                </div>
                            </div>

                            <button type="button" class="btn btn-primary" id="search">查询</button>
                            <button type="button" class="btn btn-primary" id="reset">重置</button>
                            <br>
                            <button type="button" class="btn btn-success" data-toggle="modal" data-target="#addModal"
                                id="add">实体借阅申请</button>
                        </form>
                    </div>

                    <!-- 表格 -->
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>申请编号</th>
                                    <th>收件编号</th>
                                    <th>借阅人姓名</th>
                                    <th>申请日期</th>
                                    <th>借阅天数</th>
                                    <th>审批结果</th>
                                    <th>备注</th>
                                </tr>
                            </thead>

                            <tbody>
                                <!-- <tr>
                                    <td>1</td>
                                    <td>E202207050001</td>
                                    <td>20220704003</td>
                                    <td>王志勇</td>
                                    <td>2022-8-26 17:14:12</td>
                                    <td>2</td>
                                    <td>审批中</td>
                                    <td>备注说明展示</td>
                                </tr> -->
                            </tbody>
                        </table>
                    </div>

                    <!-- 分页 -->
                    <div class="page">
                        <nav aria-label="Page navigation">
                            <ul class="pagination">
                                <li>
                                    <a href="#" class="prev">
                                        <span>&laquo;</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="next">
                                        <span>&raquo;</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 添加 -->
    <div class="modal fade" id="addModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">实体档案借阅申请</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label>收件编号</label>
                            <input type="text" class="form-control addReceiveId">
                        </div>
                        <div class="form-group">
                            <label>借阅人</label>
                            <input type="text" class="form-control addBorrowerName">
                        </div>
                        <div class="form-group">
                            <label>身份证号</label>
                            <input type="text" class="form-control addIdCard">
                        </div>
                        <div class="form-group">
                            <label>借阅时间</label>
                            <input type="text" class="form-control addApplyTime">
                        </div>
                        <div class="form-group">
                            <label>借阅天数</label>
                            <input type="text" class="form-control addBorrowDate">
                        </div>
                        <div class="form-group">
                            <label>备注</label>
                            <textarea type="text" class="form-control addRemarks" placeholder="请输入原因"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary addSaveBtn">提交</button>
                </div>
            </div>
        </div>
    </div>

    <script src="../js/entityBorrowapplication.js"></script>
</body>

</html>